<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>成绩信息</title>
		<link rel="stylesheet" type="text/css" href="../../../../layui/layui/css/layui.css" />
		<link rel="stylesheet" type="text/css" href=".../../../../../common/jquery-3.4.1.min.js" />
		<link rel="stylesheet" type="text/css" href="../../../common/common.css"/>
		<script src=".../../../../../../layui/layui/layui.js"></script>
		<script src="../../../common/jquery-3.4.1.min.js"></script>
    <script src="../../../common/common.js"></script>
		<style>
			.info {
				position: absolute;
				top: 50px;
				left: 120px;
				width: calc(100% - 240px);
				height: calc(100% - 100px);
			}
			.addUser{
				position: absolute;
				top: 400px;
				right: 0px;
				z-index: 920;
			}
			.fenye{
				position: absolute;
				top: calc(100% - 100px);
				left: 440px;
			}
			.aver{
				background-color: white;
				width: 300px;
				height: 30px;
				line-height: 30px;
				position: absolute;
				top: 35px;
				left: 150px;
			}
			/* 修改头像 */
			#test2{
				margin: 20px 30px;
			}
			.img1{
				margin: 8px;
				margin-bottom: 45px;
			}
		</style>

	</head>
	<body>
		<!-- 修改头像 -->
		<div id="test2" style="display: none;">
			<div class="form-group">
				<div class="img1"><label>图片：</label></div>
				<img src=" " alt="" id="img" />
				<input type="file" name="file" id="uploadImage">
			</div>
		</div>	
		<!-- 重设密码 -->
		<div id="test1" style="display: none;">
			<form class="layui-form layui-form-pane" action="">
				<div class="layui-form-item" pane style="width: 90%; margin: 20px auto;">
					<label class="layui-form-label">原密码</label>
					<div class="layui-input-block">
						<input type="password" name="password" required lay-verify="required" placeholder="请输入原密码"
							autocomplete="off" class="layui-input" id="password">
					</div>
				</div>
				<div class="layui-form-item" pane style="width: 90%; margin: 20px auto;">
					<label class="layui-form-label">新密码</label>
					<div class="layui-input-block">
						<input type="password" name="password" required lay-verify="required" placeholder="请输入新密码"
							autocomplete="off" class="layui-input" id="newPassword">
					</div>
				</div>
			</form>
		</div>
		<!-- 水平导航-->
		<ul class="layui-nav level" lay-filter="">
			<li class="layui-nav-item"><a href="../../index/index.html">首页</a></li>
			<li class="layui-nav-item layui-this">
				<a href="javascript:;" id="head"></a>
				<dl class="layui-nav-child">
					<!-- 二级菜单 -->
					<dd onclick="change1()">修改头像</dd>
					<dd onclick="change()">修改密码</dd>
					<dd onclick="logout()">退出登录</dd>
				</dl>
			</li>
		</ul>

		<!-- 侧边导航-->
		<ul class="layui-nav layui-nav-tree vertical" lay-filter="test">
			<li class="layui-nav-item"><a href="../../staffInfo/staffInfo.html">人员信息</a></li>
			<li class="layui-nav-item"><a href="../../auditMsg/auditMsg.html">留言审核</a></li>
			<li class="layui-nav-item"><a href="../../filesUpload/filesUpload.html">公告与资料上传</a></li>
			<li class="layui-nav-item layui-nav-itemed">
				<a href="javascript:;">考试管理</a>
				<dl class="layui-nav-child">
					<dd><a href="../generPaper/generPaper.html">组卷</a></dd>
					<dd><a href="../preList/preList.html">未考试卷</a></dd>
					<dd><a href="../preCorList/preCorList.html">已考未改试卷</a></dd>
					<dd class="layui-this"><a href="">已改试卷</a></dd>
				</dl>
			</li>
			<li class="layui-nav-item">
				<a href="javascript:;">题库</a>
				<dl class="layui-nav-child">
					<dd><a href="../../testDatabase/questionList/questionList.html">题目</a></dd>
					<dd><a href="../../testDatabase/tagList/tagList.html">标签</a></dd>
				</dl>
			</li>
		</ul>

		<!-- 成绩信息——表格 -->
		<div class="info">
			<div class="layui-layout layui-layout-admin">
				<!-- <div class="aver">
					<span>本套试卷的的平均成绩为${average}</span>
				</div> -->
				<div class="layui-body">
					<table class="layui-table">
						<colgroup>
							<col width="150">
							<col width="200">
							<col>
						</colgroup>
						<thead>
							<tr>
								<th>ID</th>
								<th>学号</th>
								<th>姓名</th>
								<th>成绩</th>
								<th>平均成绩</th>
								<th>操作</th>
							</tr>
						</thead>
						<tbody id="boxinfo">
							<!-- <tr>
								<td>1</td>
								<td>2019010000</td>
								<td>陈陈</td>
								<td>95</td>
								<td><a class="layui-btn layui-btn-xs" lay-event="edit">查看试卷</a></td>
							</tr> -->
							<!-- <tr>
								<td>1</td>
								<td>2019010000</td>
								<td>陈陈</td>
								<td>95</td>
								<td><a class="layui-btn layui-btn-xs" lay-event="edit">查看试卷</a></td>
							</tr>
							<tr>
								<td>1</td>
								<td>2019010000</td>
								<td>陈陈</td>
								<td>95</td>
								<td><a class="layui-btn layui-btn-xs" lay-event="edit">查看试卷</a></td>
							</tr>
							<tr>
								<td>1</td>
								<td>2019010000</td>
								<td>陈陈</td>
								<td>95</td>
								<td><a class="layui-btn layui-btn-xs" lay-event="edit">查看试卷</a></td>
							</tr>
							<tr>
								<td>1</td>
								<td>2019010000</td>
								<td>陈陈</td>
								<td>95</td>
								<td><a class="layui-btn layui-btn-xs" lay-event="edit">查看试卷</a></td>
							</tr> -->
		
						</tbody>
					</table>
				</div>
			</div>
		
			<!-- 添加题目 -->
			<!-- <div class="addQues">
						<button type="button" class="layui-btn layui-btn-primary">添加题目</button>
					</div> -->
			<!-- 弹窗 -->
			<!-- <div id="test" style="display: none;">
		        <form class="layui-form layui-form-pane" action="">
		          <div class="layui-form-item" pane style="width: 90%; margin: 20px auto;">
		            <label class="layui-form-label">题目</label>
		            <div class="layui-input-block">
		              <input type="text" name="" required lay-verify="required" placeholder="请输入题目"
		                autocomplete="off" class="layui-input pname>">
		            </div>
		          </div>
		          <div class="layui-form-item" pane style="width: 90%; margin: 20px auto;">
		            <label class="layui-form-label">答案</label>
		            <div class="layui-input-block">
		              <input type="password" name="password" required lay-verify="required" placeholder="请输入题目答案"
		                autocomplete="off" class="layui-input pbegintime">
		            </div>
		          </div>
		          <div class="layui-form-item" pane style="width: 90%; margin: 20px auto;">
		            <label class="layui-form-label">答案解析</label>
		            <div class="layui-input-block">
		              <input type="password" name="password" required lay-verify="required" placeholder="请输入答案解析"
		                autocomplete="off" class="layui-input pdeadline">
		            </div>
		          </div>
		          <div class="layui-form-item" pane style="width: 90%; margin: 20px auto;">
		            <label class="layui-form-label">题目类型</label>
		            <div class="layui-input-block">
		              <input type="radio" name="qtype" value="男" title="单选题">
		              <input type="radio" name="qtype" value="女" title="多选题">
		              <input type="radio" name="qtype" value="女" title="填空题">
		              <input type="radio" name="qtype" value="女" title="主观题">
		            </div>
		          </div>
		          <div class="tagsLimit">
		            <div class="surtags">
		              <input type="text" placeholder="请输入要查询的标签">
		              <button type="button" class="search lauui-btn layui-btn-primary"><i
		                  class="layui-icon layui-icon-search"></i>搜索</button>
		            </div>
		            <div class="tagList">
		              <button type="button" class="tag lauui-btn layui-btn-primary">前端</button>
		              <button type="button" class="tag lauui-btn layui-btn-primary">后端</button>
		              <button type="button" class="tag lauui-btn layui-btn-primary">Java</button>
		              <button type="button" class="tag lauui-btn layui-btn-primary">React</button>
		            </div>
		            <div class="tagCheck">选中的标签栏：</div>
		            <div class="tags"></div>
		          </div>
		          <div class="layui-form-item" pane style="width: 90%; margin: 20px auto;">
		            <label class="layui-form-label">标签</label>
		            <div class="layui-input-block">
		              <input type="password" name="password" required lay-verify="required" placeholder="请选择标签"
		                autocomplete="off" class="layui-input pdes">
		            </div>
		          </div>
		        </form>
		      </div> -->
		
		
		</div>
		<!-- 分页 -->
		<div class="fenye">
			<div class="fenye1">
				<div class="zuiqian">
					<i class="fa fa-angle-double-left"></i>
				</div>
				<div class="qian" onclick="shangyiye1()">
					<i class="fa fa-angle-left"></i>
				</div>
				<div class="tiaozhuan">
					<input type="" name="" id="shuruyeshu1" value="" />
				</div>
				<div class="tiaozhuan1" onclick="shuruys1()">
					跳转
				</div>
				<div class="zongyeshu">
					共1页
				</div>
				<div class="dangqianye">
					第1页
				</div>
				<div class="hou" onclick="xiayiye1()">
					<i class="fa fa-angle-right"></i>
				</div>
				<div class="zuihou" onclick="zuihouyiye1()">
					<i class="fa fa-angle-double-right"></i>
				</div>
				<div class="clear">
		
				</div>
			</div>
		</div>
		
		<!-- <script>
			layui.use('table', function() {
				var table = layui.table;
				//第一个实例
				table.render({
					elem: '#demo',
					height: 312,
					url: '/demo/table/user/' //数据接口
						,
					page: false //开启分页
						,
					cols: [
						[ //表头
							{
								field: 'id',
								title: 'ID',
								width: 80,
								fixed: 'left'
							}, {
								field: 'userId',
								title: '学号',
								width: 100
							}, {
								field: 'name',
								title: '姓名',
								width: 150
							}, {
								field: 'score',
								title: '成绩',
								width: 150
							}, {
								field: 'Copo',
								title: '操作',
								width: 200,
								templet: OnloadTool
							}
						]
					]
				});
			});
		</script> -->

		<!-- 利用函数转义来实现动态加载按钮 -->
		<!-- <script>
			// 用户操作
			function OnloadTool(data) {
				let htmls = '<a class="layui-btn layui-icon-log" lay-event="edit">查看试卷</a>';
				return htmls;
			}
		</script> -->


		<script>
			//注意：导航 依赖 element 模块，否则无法进行功能性操作
			layui.use('element', function() {
				var element = layui.element;

			});
		</script>

		<!-- 导航栏右侧 -->
		<script>
			//JS 
			layui.use(['element', 'layer', 'util'], function() {
				var element = layui.element,
					layer = layui.layer,
					util = layui.util,
					$ = layui.$;

				//头部事件
				util.event('lay-header-event', {
					//左侧菜单事件
					menuLeft: function(othis) {
						layer.msg('展开左侧菜单的操作', {
							icon: 0
						});
					},
					menuRight: function() {
						layer.open({
							type: 1,
							content: '<div style="padding: 15px;">处理右侧面板的操作</div>',
							area: ['260px', '100%'],
							offset: 'rt' //右上角
								,
							anim: 5,
							shadeClose: true
						});
					}
				});

			});
		</script>

		<script src="gradeInfo.js"></script>
	</body>
</html>
